<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化南川</title>
    <link href="JQuery/jquery-ui.min.css" rel="stylesheet">
    <link href="mystyle/Content1.css" rel="stylesheet">
    <link href="JQuery/site.css" rel="stylesheet">
    <script src="JQuery/jquery-3.4.1.min.js"></script>
    <script src="JQuery/jquery-ui.min.js"></script>
    <script src="myscript/Content1.js" rel="stylesheet"></script>

</head>
<body>


<div id="content">

    <!--上面的一块-->
    <div class="main">
        <h1>文化南川</h1>
        <div id="tabContainer">
            <ul>

                <li><a href="#panel2">特产方竹笋</a></li>
                <li><a href="#panel1">南川金佛山</a></li>
                <li><a href="#panel3">走进文化古韵</a></li>
                <li><a href="#panel2">名小吃</a></li>
                <li><a href="#panel3">不一样的地域风情</a></li>
            </ul>
            <!-- panel 1 -->
            <div id="panel1">
                <h2><img src="images/mountain.jpg" style="float:right" height="150" alt="金佛山">金佛山简介:</h2>
                <p>&nbsp;&nbsp;&nbsp;&nbsp; 金佛山位于重庆市南川区境内，大娄山脉北部，面积1300平方千米，
                    景区面积441平方千米，主峰凤凰岭（风吹岭）为金佛山最高峰，海拨2238米，
                    森林覆盖率达95%以上，负氧离子含量每立方厘米约十万个。
                </p>
                <p>
                    [1] 金佛山25万亩原始常绿林中，萃集237科2997种植物。景区被誉为“东方的阿尔卑斯山”。
                </p>
                <p>[2] 金佛山属典型的喀斯特地质地貌，峰谷绵延数十条大小山脉，
                    屹立100多座峭峻峰峦。 区内天然溶洞星罗棋布，以古佛洞最为著名。
                </p>
                <p>
                    [3] 2006年，金佛山被列入是世界自然遗产名录。
                </p>
            </div>

            <!-- panel 2 -->
            <div id="panel2">
                <h2><img src="images/fzs.jpg" style="float:right" height="150" alt="金佛山">南川方竹笋</h2>

                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;川方竹笋，重庆市南川区特产，中国国家地理标志产品。
                </p>
                <p>
                    南川方竹笋以金佛山方竹笋为原料，用传统工艺加工制成，其外形略呈方形，触摸有棱角感，
                    笋肉黄色或黄白色，新鲜清洁、笋肉丰腴、肉质脆嫩，笋箨有光泽不萎蔫，具有营养丰富、
                    肉质丰厚、脆嫩化渣、滋味鲜美的独特品质，受历代美食家所亲睐。</p>
                <p>
                    [1]2008年9月19日，原国家质量监督检验检疫总局批准对“南川方竹笋”实施地理标志产品保护。
                </p>
            </div>
            <!-- panel 3 -->
            <div id="panel3">
                <h2>古韵目录</h2>
                <!--                <p>&nbsp;&nbsp;&nbsp;&nbsp;选择并点击想要了解的文化信息吧！</p>-->
                <ul class="ul_links">
                    <li class="firstLi"><a href="#">龙岩城</a></li>
                    <li><a href="#">尹子祠</a></li>
                    <li><a href="#">南川红碎茶</a></li>
                    <li><a href="#">南川杜仲</a></li>
                    <li><a href="#">山王坪景区</a></li>
                    <li><a href="#">楠竹山森林公园</a></li>
                    <li><a href="#">神龙峡</a></li>

                </ul>
            </div>
        </div>
        <div id="right_Container">
            <h2>Welcome To My Hometown!!!</h2>
            <p>家乡留言板:</p>
            <div class="photo">
                <p>我从小就居住在一个小的县城里</p>
                <p>他的名字叫南川</p>
            </div>
            <div class="photo">
                <p>长大后我在这座城市里读书</p>
                <p>他陪伴着我的年少</p>
            </div>
            <div class="photo">
                <p>我经常路过的那条河</p>
                <!--                <img width="400px" src="images/descoration.png">-->
            </div>
        </div>


    </div>
    <!--下面的一块-->
    <div id="bottom">
        <div id="content_bottom">
            <div id="left_bottom_content">
                <p>想对博客说的话~~~~~笔芯
                    <button type="submit" id="submit">留言</button>
                </p>

                <input type="text" id="messege">
            </div>

            <div id="rightt_bottom_content">
                <p>
                    <button type="text" id="submit_leave">保存留言</button>
                </p>

                <input type="text" id="messege_leave">
            </div>

        </div>


        <div id="footer">
            <div class="navTo">
                <div class="buttonDiv"><a href="index.html">首页</a></div>
                <div class="buttonDiv"><a href="Content1.html">页面一</a></div>
                <div class="buttonDiv"><a href="Content2.html">页面二</a></div>
                <div class="buttonDiv"><a href="Content3.html">页面三</a></div>
                <div class="buttonDiv"><a href="Content4.html">页面四</a></div>

            </div>
            <div id="contact">
                <div class="buttonDivElse"><a href="#">其他问题</a></div>
                <div class="buttonDivElse"><a href="#">联系我们</a></div>
            </div>

        </div>
    </div>

</div>

</body>
</html>